.app-array-box {
    .app-array-box__item {
        display: flex;
        width: 100%;
        height: 33px;

        >.app-input-box {
            flex: auto;
            flex-grow: 1;
        }

        >.app-array-box__icons {
            flex: auto;
            flex-grow: 0;
            flex-shrink: 0;
        }

        &+.app-array-box__item {
            margin-top: 5px
        }
    }

    .app-array-box__icon {
        font-size: 32px;
        margin-left: 5px;

        &.add {
            color: #409EFF;
        }

        &.remove {
            color: #F56C6C;
        }
    }

    &.is-disabled {
        .app-array-box__icon {
            cursor: not-allowed;
        }
    }
}
.app-array-box__tip {
    img {
        width: 170px;
    }
}
.ant-form-item-has-error {
    .app-input--correct {
        >.ant-input-affix-wrapper {
            border-color: #d9d9d9 !important;
        }
        >.ant-input-affix-wrapper-focused {
            box-shadow: 0 0 0 2px rgb(24 144 255 / 20%) !important;
        }
    }
}